<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车列表展示</title>
    <link rel="stylesheet" href="../style/reset.css">
    <link rel="stylesheet" href="../style/pulic.css">
    <link rel="stylesheet" href="../style/1.css">
</head>

<body>
    <div class="dl_header">
        <div class="w">
            <div class="logo">
                <img src="https://static.yohobuy.com/newheader/img/logo_e.png?imageView2/2/interlace/1/q/75" alt="">
            </div>
            <div class="logo_right">
                <ul>
                    <li>
                        <span>Hi~</span>
                        <a href="3.注册.html">[请注册]</a>
                        <a href="2.登录.html">[请登录]</a>
                     </li>
                    <li><a href="">订单中心</a></li>
                    <li><a href="">客服服务</a></li>
                    <li><a href="">MY有货</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="cart_shoping">
        <div class="w">
            <div class="pay_wapper" style="display: block;">
               <p style="width: 15%;" class="cart-checkbox">
                <input type="checkbox" checked="" name="" id="" class="allsel" value="" />
                    &nbsp;&nbsp;全选
               </p>
               <p style="width: 35%;">商品信息</p>
               <p style="width: 14%;">单价</p>
               <p style="width: 15%;">数量</p>
               <p style="width: 14%;">小计</p>
               <p style="width: 4.8%;">操作</p>
            </div>
            <div class="car-list">
                <div class="cart-table" style="border: 1px solid #e0e0e0;margin-top: 20px;">
                    <ul class="goods-item" style="width: 100%;display: none;">
                        <div class="cart-checkbox pay_pro" style="width: 368px; float: left;">
                            <input type="checkbox" checked="" name="" id="" value="" style="float: left;" />
                            <span class="line-circle"></span>
                            <a href="" class="imga">
                                <img src="" alt="">
                            </a>
                            <p class="pay_pro_info">
                                <a href="" id="target_title">名称</a>
                            </p>
                        </div>
                        <div class="product-price" style="width: 148px;float: left;margin-left: 190px;">
                            <p class="p-product-price" style="color: black;">
                                <strong>￥</strong>
                            </p>
                        </div>
                        <div class="cell b-quantity" style="width:84px;float: left;color: black;">
                            <div class="quantity-form">
                                <a class="quantity-down" href="javascript:void(0)">-</a>
                                <input type="text" value="1" />
                                <a class="quantity-add" href="javascript:void(0)">+</a>
                            </div>
                            <div class="quantity-text">有货</div>
                        </div>
                        <div class="cell b-sum" style="width: 160px;float: left;color: black;">
                            <strong>13488.00</strong>
                        </div>
                        <div class="cell b-action" style="width: 100px;float: right;color: black;">
                            <a href="javascript:void(0)">删除</a>
                        </div>
                    </ul>
                </div>

                <div id="cart-floatbar">
                    <div class="select-all">
                        <div class="cart-checkbox">
                            <input type="checkbox" checked="" name="" id="" class="allsel" value="" /> 全选
                        </div>
                    </div>
                    <div class="operation">
                        <a href="javascript:void(0)">删除选中的商品</a>
                    </div>
                    <div class="toolbar-right">
                        <div class="btn-area">
                            <a href=""></a>
                        </div>
                        <div class="price-sum">
                            <span class="txt">总价（不含运费）：</span>
                            <span class="totalprice">￥0.00</span>
                            <span class="txt">已节省：</span>
                            <span class="totalsave">-￥0.00</span>
                        </div>
                        <div class="amount-sum">
                            已选择
                            <span>0</span> 件商品
                            <b></b>
                        </div>
                    </div>
                </div>
            </div>
            

            
        </div>
    </div>
      <!-- 尾部开始 -->
<footer>
    <div class="w">
        <div class="pomise_left">
            <span class="span1">
                <i class="iconfont icon-zhengpin"></i>
            </span>
            <span class="span2">100%</span>
            <span class="span3">品牌正品</span>
        </div>

        <div class="pomise_left">
            <span class="span1">
                <i class="iconfont icon-zhengpin"></i>
            </span>
            <span class="span2">100%</span>
            <span class="span3">品牌正品</span>
        </div>

        <div class="pomise_left">
            <span class="span1">
                <i class="iconfont icon-zhengpin"></i>
            </span>
            <span class="span2">100%</span>
            <span class="span3">品牌正品</span>
        </div>
    </div>
</footer>
<div class="footer_help">
    <div class="w">
        <ul>
            <li>
                <p> <span>新手专区</span></p>
                <p><a href="">注册登录</a></p>
                <p><a href="">购物结算</a></p>
                <p><a href="">下单支付</a></p>
                <p><a href="">收货评价</a></p>
            </li>
             <li>
                <p> <span>新手专区</span></p>
                <p><a href="">注册登录</a></p>
                <p><a href="">购物结算</a></p>
                <p><a href="">下单支付</a></p>
                <p><a href="">收货评价</a></p>
            </li>
             <li>
                <p> <span>新手专区</span></p>
                <p><a href="">注册登录</a></p>
                <p><a href="">购物结算</a></p>
                <p><a href="">下单支付</a></p>
                <p><a href="">收货评价</a></p>
            </li>
             <li>
                <p> <span>新手专区</span></p>
                <p><a href="">注册登录</a></p>
                <p><a href="">购物结算</a></p>
                <p><a href="">下单支付</a></p>
                <p><a href="">收货评价</a></p>
            </li>
             <li>
                <p> <span>新手专区</span></p>
                <p><a href="">注册登录</a></p>
                <p><a href="">购物结算</a></p>
                <p><a href="">下单支付</a></p>
                <p><a href="">收货评价</a></p>
            </li>
             <li>
                <p> <span>新手专区</span></p>
                <p><a href="">注册登录</a></p>
                <p><a href="">购物结算</a></p>
                <p><a href="">下单支付</a></p>
                <p><a href="">收货评价</a></p>
            </li>
             <li>
                <p> <span>新手专区</span></p>
                <p><a href="">注册登录</a></p>
                <p><a href="">购物结算</a></p>
                <p><a href="">下单支付</a></p>
                <p><a href="">收货评价</a></p>
            </li>
        </ul>
    </div>
</div>
<div class="footer_link">
    <div class="w">
    <p>
        <a href="">返回首页<span>|</span></a>
        <a href="">新力传媒<span>|</span></a>
        <a href="">联系我们<span>|</span></a>
        <a href="">食品经营许可证<span>|</span></a>
        <a href="">返回首页<span>|</span></a>
        <a href="">新力传媒<span>|</span></a>
        <a href="">联系我们<span>|</span></a>
        <a href="">食品经营许可证<span>|</span></a>
        <a href="">返回首页<span>|</span></a>
        <a href="">新力传媒<span>|</span></a>
        <a href="">联系我们<span>|</span></a>
        <a href="">食品经营许可证<span>|</span></a>
        <a href="">返回首页<span>|</span></a>
        <a href="">新力传媒<span>|</span></a>
        <a href="">联系我们<span>|</span></a>
        <a href="">食品经营许可证<span>|</span></a>
    </p>
    <p class="p1">CopyRight © 2007-2020 南京新与力文化传播有限公司 苏ICP备09011225号 NewPower Co. 版权所有 江苏省南京市建邺区嘉陵江东街18号南京国家广告产业园5栋17，18楼 025-87781000 </p>
    </div>
</div>
    <script src="../script/jscookie.js"></script>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="../script/cart.js"></script>
</body>

</html>